$(function () {
    var proName = getKey('keywords')

    function getKey(key) {
        // 把字符串变换成数组
        var a = location.search.split("")
        // 删除第一项（位置，几个）
        a.splice(0, 1)
        console.log(a)
        // 按照 分割成字符串
        a = a.join("")
        console.log(a)
        // 把字符串按照等号分割
        a = a.split('=')
        console.log(a)
        var obj = {
            key: a[0],
            value: decodeURI(a[1])
        }
        return obj.value
    }
    var dataObj = {
        'proName': proName,
        'brandId': '',
        'price': 1,
        'num': 1,
        'page': 0,
        'pageSize': 2
    }
    // 获取地址栏的参数同时请求ajax数据
    function getData(data, that) {
        $.ajax({
            url: '/product/queryProduct',
            type: "GET",
            data: data,
            success: (res) => {
                if (res.data.length > 0) {
                    var html = template('searchList', res)
                    $('.sports-content ul').append(html)
                    that.endPullupToRefresh(false);

                } else {
                    that.endPullupToRefresh(true);
                }
            }
        })
    }
    // 点击切换价格销量
    $('.price').on('tap', function () {
        $(this).find('span.fa').toggleClass('fa-angle-down fa-angle-up')
        var down = $(this).find('span.fa').hasClass('fa-angle-down')
        dataObj = {
            'proName': proName,
            'brandId': '',
            'price': 1,
            'num': 1,
            'page': 1,
            'pageSize': 2
        }
        if (down) {
            dataObj.price = 1
        } else {
            dataObj.price = 2
        }
        console.log(dataObj)
        mui('#refreshContainer').pullRefresh().refresh(true);
        $('.sports-content ul').html("")
        getData(dataObj)

    })
    $('.sold').on('tap', function () {
        $(this).find('span.fa').toggleClass('fa-angle-down fa-angle-up')
        var down = $(this).find('span.fa').hasClass('fa-angle-down')
        if (down) {
            dataObj.num = 1
        } else {
            dataObj.num = 2
        }
        mui('#refreshContainer').pullRefresh().refresh(true);

        $('.sports-content ul').html("")

        getData(dataObj)

    })
    mui.init({
        pullRefresh: {
            container: '#refreshContainer', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
                height: 50, //可选.默认50.触发上拉加载拖动距离
                auto: true, //可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: function () {
                    console.log(this)
                    dataObj.page++
                    getData(dataObj, this)
                } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });
})